/* 弹出层 */
.cart-mask {
	border-radius: 10rpx 10rpx 0rpx 0rpx;
	width: 100%;
	min-height: 520rpx;
	background: #fff;
	position: fixed;
	z-index: 998;
	bottom: 98rpx;
}

.cart-mask-header {
	margin: 0rpx 30rpx;
	height: 100rpx;
	align-items: center;
	color: #333333;
	font-size: 32rpx;
}

.cart-mask-header .delete {
	align-items: center;
	font-size: 30rpx;
}

.cart-mask-header .delete image {
	width: 30rpx;
	height: 30rpx;
	margin-right: 12rpx;
}

.cart-table {
	margin: 20rpx 30rpx 20rpx 70rpx;
}

.t-header .td {
	color: #333333;
	font-size: 28rpx;
}

.tr {
	align-items: center;
}

.tr .td:nth-child(1) {
	width: 271rpx;
}

.tr .td:nth-child(2) {
	width: 120rpx;
	margin-left: 20rpx;
}

.tr .td:nth-child(3) {
	margin-left: auto;
}

.t-body {
	margin: 20rpx 0rpx;
}

.t-body .td:nth-child(1) {
	color: #333333;
	font-size: 26rpx;
}

.t-body .td:nth-child(2) {
	color: #FF0000;
	font-size: 26rpx;
}

/* 右侧商品 */
.goods-list {
	margin: 0rpx 20rpx 20rpx;
	flex: 1;
}

.goods-item {
	background: #fff;
	border: 1rpx solid #F1EFEF;
	box-shadow: 0rpx 3rpx 7rpx 0rpx rgba(230, 228, 228, 0.29);
	border-radius: 10rpx;
	margin-bottom: 20rpx;
}

.goods-header {
	align-items: center;
	font-size: 24rpx;
	border-bottom: 1rpx solid #F1EFEF;
	height: 99rpx;
	padding: 0rpx 12rpx;
}

.goods-header .user-name {
	margin-left: 10rpx;
	color: #FF9D11;
	font-size: 30rpx;
}

.goods-header .goods-name {
	color: #2C2C2C;
	font-size: 30rpx;
}

.goods-header image {
	width: 72rpx;
	height: 72rpx;
	border-radius: 50%;
}

.goods-content {
	height: 204rpx;
	align-items: center;
	margin: 0rpx 12rpx;
}

.cover-image {
	width: 180rpx;
	height: 164rpx;
	border-radius: 10rpx;
}

.goods-content-main {
	flex: 1;
	margin-left: 20rpx;
	height: 100%;
	justify-content: space-around;
}

.goods-content-main .description {
	color: #8A8A8A;
	font-size: 22rpx;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.goods-content-main .description .status-none {
	margin-top: 36rpx;
	color: #FF0000;
	font-size: 22rpx;
}

.goods-content-main .price {
	color: #FF0000;
	font-size: 28rpx;
}

.operate {
	align-items: center;
}

.operate .number {
	font-size: 28rpx;
	color: #333;
	margin: 0rpx 12rpx;
}

.operate image {
	width: 36rpx;
	height: 36rpx;
}

/* 左侧分类 */
.cate {
	width: 142rpx;
	background: #F5F5F5;
	font-size: 28rpx;
	color: #666666;
}

.cate .item {
	align-items: center;
	justify-content: center;
	height: 100rpx;
}

.cate .actice {
	color: #333333;
	background: #fff;
}


/* 底部 */
.bottom {
	width: 100%;
	height: 98rpx;
	position: fixed;
	bottom: 0;
	z-index: 999;
}

.cart-view {
	flex: 1;
	align-items: center;
	justify-content: center;
	position: relative;
	border-top: 1rpx solid #F6F4F4;
	background: #fff;
}

.cart-view .cart {
	position: absolute;
	left: 30rpx;
	top: -30rpx;
	width: 96rpx;
	height: 96rpx;
	background: #FF9D11;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.cart-view .cart image {
	width: 44rpx;
	height: 44rpx;
}

.cart-view .cart .number {
	position: absolute;
	font-size: 24rpx;
	top: 4rpx;
	right: 12rpx;
	transform: translateX(50%);
	height: 36rpx;
	border-radius: 18rpx;
	min-width: 36rpx;
	background: #ed3f14;
	border: 2rpx solid transparent;
	color: #fff;
	/* line-height: 36rpx; */
	text-align: center;
	padding: 0 10rpx;
	white-space: nowrap;
	transform-origin: -10% center;
	box-sizing: border-box;
	text-rendering: optimizeLegibility;
}

.cart-view .count {
	font-size: 28rpx;
	color: #333;
}

.cart-view .price {
	font-size: 36rpx;
	color: #f00;
}

.bottom .confirm {
	width: 200rpx;
	background: #FF9D11;
	color: #fff;
	font-size: 30rpx;
	align-items: center;
	justify-content: center;
}

.container {
	background: #FDFDFD;
}

/* 头部 */
.header {
	height: 105rpx;
	align-items: center;
	background: #FFFFFF;
}

.header .title {
	color: #333333;
	font-size: 30rpx;
}

.header .auto-left {
	color: #FF9D11;
	font-size: 30rpx;
	align-items: center;
}

.header image {
	margin-left: 12rpx;
	width: 16rpx;
	height: 28rpx;
}

.goods-content {
	position: relative;
}

.goods-status-none {
	position: absolute;
	bottom: 18rpx;
	right: 0rpx;
	width: 154rpx !important;
	height: 122rpx !important;
}
 .box{ 
    	font-size: 30rpx; 
    	color:#FF9D11; 
    	margin: 10px;
    	animation: changeshadow 1s  ease-in  infinite ;
    	/* 其它浏览器兼容性前缀 */
	    -webkit-animation: changeshadow 1s linear infinite;
	    -moz-animation: changeshadow 1s linear infinite;
	    -ms-animation: changeshadow 1s linear infinite;
	    -o-animation: changeshadow 1s linear infinite;
    }  
    @keyframes changeshadow {  
        0%{ text-shadow: 0 0 4px #FF9D11}  
        50%{ text-shadow: 0 0 40px #FF9D11;font-size:32rpx; font-weight: bold;}  
        100%{ text-shadow: 0 0 4px #FF9D11;}  
    }
    /* 添加兼容性前缀 */
	@-webkit-keyframes changeshadow {
	  0%{ text-shadow: 0 0 4px #FF9D11}  
          50%{ text-shadow: 0 0 40px #FF9D11;font-size:32rpx; font-weight: bold;}  
          100%{ text-shadow: 0 0 4px #FF9D11}  
	}
	@-moz-keyframes changeshadow {
	    0%{ text-shadow: 0 0 4px #FF9D11}  
            50%{ text-shadow: 0 0 40px #FF9D11;font-size:32rpx; font-weight: bold;}  
            100%{ text-shadow: 0 0 4px #FF9D11}  
	}
	@-ms-keyframes changeshadow {
	    0%{ text-shadow: 0 0 4px #FF9D11}  
            50%{ text-shadow: 0 0 40px #FF9D11;font-size:32rpx; font-weight: bold;}  
            100%{ text-shadow: 0 0 4px #FF9D11}  
	}
	@-o-keyframes changeshadow {
	    0%{ text-shadow: 0 0 4px #FF9D11}  
            50%{ text-shadow: 0 0 40px #FF9D11;font-size:32rpx; font-weight: bold;}  
            100%{ text-shadow: 0 0 4px #FF9D11}  
	}
